// 向外导出一个cart模块
export default {
  namespaced: true,

  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state}
    //存储的商品信息对象，需要往这个对象传如上面参数
    //优先读取本地存储的
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),

  //模块的mutations方法
  mutations: {
    //state就是上面定义那个信息对象那个
    //goods就是要添加的商品信息，也就是别人调用传过来的商品信息对象
    addToCart(state, goods) {
      //如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
      //倘若两个id就等 就是购物车已经有这个商品了
      //就为true
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)

      // ！会把undefined 转成为布尔值 就为false
      if (!findResult) {
        //如果购物车每页这个商品 就直接push 末尾追加
        state.cart.push(goods)
      } else {
        //存在就只更新数量
        findResult.goods_count++
      }
      console.log('findResult', findResult);
      console.log('state.cart', state.cart);

      // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
      this.commit('m_cart/saveToStorage')
    },
    //存储到本地
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    // 更新购物车中商品的勾选状态
    updateGoodsState(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)

      //有对应的商品信息对象
      if (findResult) {
        //更新对象商品的勾选 状态
        findResult.goods_state = goods.goods_state
        //持久化存储
        this.commit('m_cart/saveToStorage')
      }

      console.log('修改后', findResult.goods_state);
    },
    //更新购物车中商品的数量
    updateGoodsCount(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)

      //如果有
      if (findResult) {
        //更新对应商品的数量
        findResult.goods_count = goods.goods_count
        //持久化存储到被美帝
        this.commit('m_cart/saveToStorage')
      }

    },
    //根据id从购物车中删除对应的商品信息
    removeGoodsById(state, goods_id) {
      // 调用数组的 filter 方法进行过滤
      state.cart = state.cart.filter(x => x.goods_id !== goods_id)
      // 持久化存储到本地
      this.commit('m_cart/saveToStorage')
    },
    //更新所有商品的勾选状态
    // newState是传过来的true/false 表示勾选/不勾选
    updateAllGoodsState(state, newState) {
      //循环更新购物车中每件商品的勾选状态
      state.cart.forEach(x => x.goods_state = newState)
      //持久化存储到本地
      this.commit('m_cart/saveToStorage')
    }
  },
  //模块的getters属性
  getters: {
    //商品的总数量
    total(state) {
      let c = 0
      state.cart.forEach(x => c += x.goods_count)
      return c
    },
    // 勾选商品的总数量
    checkedCount(state) {
      //先使用filter方法 从购物车中过滤器已勾选的商品
      // 再使用reduce 方法 将已勾选的商品总数量进行累加
      // reduce() 的返回值就是已勾选商品的总数量
      // return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
      return state.cart.filter(x => x.goods_state).reduce((total, item) =>
        total += item.goods_count, 0)
    },
    // 已勾选商品的总价格
    checkedGoodsAmount(state) {
      //先使用filter方法 从购物车中过滤器已勾选的商品
      // 再使用reduce 方法 将已勾选的商品数量*商品的单价 进行累加
      //reduce() 的返回值就是已勾选商品的总价
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count * item.goods_price,
          0)
        .toFixed(2)
    }
  },

}